<template name="helprukou">
	<view class="helprukou">
		<view class="topwenzitishi">
			<text>超值好课</text>
		</view>
		<view class="cousoulist" v-for="(item,index) in homelist" :key="index">
			<view class="img">
				<image :src="item.courseImg" mode=""></image>
			</view>
			<view class="wenzi">
				<view class="topwenzi">
					<text>{{item.name}}</text>
				</view>
				<view class="top2wenzi" @tap="toShop(item.storeId)">
					<text>{{item.storeName}}</text>
				</view>
				<view class="top3wenzi">
					<text class="one">¥</text>
					<text class="two">{{item.underPrice}}</text>
				</view>
				<view class="top4wenzi">
					<text>原价￥{{item.coursePrice}}</text>
				</view>
			</view>
			<view class="btngo" @tap="helprukou">
				<view class="button">
					<image src="../../static/go.gif" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapGetters,
		mapMutation,
		mapActions
	} from "vuex";
	export default {
		computed: {
			...mapState({
				sysInfo: state => state.sys.sysInfo,
				locationCity: state => state.map.locationCity,
				initInfo: state => state.sys.initInfo,
				roads: state => state.map.roads,
				selectCity: state => state.map.selectCity,
				parentId:state=>state.user.parentId,
				isLogin: state => state.user.isLogin,
			})
		
		},
		name:"helprukou",
		props:{
			
			homelist: {
				type: Array,
				default: () => []
			},
		},
		data() {
			return {
				
			};
		},
		methods:{
			helprukou(){
				
				uni.navigateTo({
					url: '../../pagesB/help/help'
				});			
			},
			toShop(storeId) {
				this.toPage({
					url: 'shopDetail',
					id: storeId
				});
			},
		},
		onLoad() {
			
		}
		
	}
</script>

<style lang="less">
.helprukou{
	width: 100%;
	// display: flex;
	// align-items: center;
	
	margin: 30rpx 0;
	.topwenzitishi{
		font-size: 32rpx;
		    font-weight: bold;
		    color: #333333;
		    margin-bottom: 20rpx;
		    padding-left: 10rpx;
		
	}
	.cousoulist{
		width: 100%;
		height: 250rpx;
		background-color: #fff;
		box-shadow: 0rpx 4rpx 17rpx 4rpx rgba(201, 202, 208, 0.35);
		border-radius: 15rpx;
		padding:25rpx;
		display: flex;
		justify-content: space-between;
		margin-bottom: 20rpx;
		.img{
			
			width: 200rpx;
			height: 200rpx;
			margin-right: 25rpx;
			
			image{
				border-radius: 10rpx;
				width: 100%;
				height:100%;
			}
		}
		.wenzi{
			flex:2;
			.topwenzi{
				font-weight: 900;
				height: 40rpx;
				font-size: 32rpx;
				margin-bottom: 8rpx;
				overflow: hidden;
				color: #4e4e4e;
			}
			.top2wenzi{
				font-size: 26rpx;
				height: 31rpx;
				overflow: hidden;
				margin-bottom: 20rpx;
				color: #9e9e9e;
			}
			.top3wenzi{
				color: red;
				.one{
					font-size: 22rpx;
				}
				.two{
					padding-left: 10rpx;
					font-size: 50rpx;
					font-weight: 900;
				}
			}
			.top4wenzi{
				color: #999;
				font-size: 26rpx;
				font-weight: 300;
				text-decoration:line-through;
			}
		}
		.btngo{
			display: flex;
			justify-content: flex-end;
			align-items: flex-end;
			padding-right: 10rpx;
			padding-bottom: 5rpx;
			
			.button{
				    width: 150rpx;
				    height: 120rpx;
				image{
						width: 100%;
						height: 100%;
					}
			}
			
		}
	}
}
</style>
